/**
 * Default CSS for Celebrio Gallery
 *
 * @copyright  Copyright (c) 2011 Celebrio Software
 * @package    CelebrioGallery
*/

html {width: 100%; height: 100%; overflow: hidden; position: absolute; margin:0% 0% 0% 0%;}
body {width: 100%; height: 100%; overflow: hidden; position: absolute; margin:0% 0% 0% 0%; font-family: XXIISinozDSPRegular, "Trebuchet MS", "Geneva CE", lucida, sans-serif;}
form, input, label, textarea, option, checkbox, select, legend, button, p, td, th {font-size:20pt;}

#celebrioGalleryApp_progressbar {font-weight:bold; font-size:25pt; text-align: center; font-family: XXIISinozDSPRegular, "Trebuchet MS", "Geneva CE", lucida, sans-serif; position: absolute; top:30%; height: 100px; margin-top: -50px; width: 60%; margin-left: 20%; margin-right:20%; -moz-border-radius:10px;-webkit-border-radius:10px; border-radius:10px;}

#celebrioGalleryApp_contents {width: 100%; height: 80%; margin: 0% 0% 0% 0%;}

#celebrioGalleryApp_samples {height: 94%; margin-top: 1%;}
.celebrioGalleryApp_sample {height: 100%; float:left; overflow: hidden; background-color: black; margin: 0% 1% 0% 1%; -moz-border-radius:10px;-webkit-border-radius:0px 0px 0px 0px !important; border-radius:10px; -moz-box-shadow:4px 4px 5px #888;-webkit-box-shadow:4px 4px 5px #888;box-shadow:4px 4px 5px #888;}
.celebrioGalleryApp_sample img {height: 90%; display: block; margin-left: auto; margin-right:auto; border-style:hidden;}
.celebrioGalleryApp_sample_description {height: 10%; width: auto; text-align: center; background-color: white;}

#celebrioGalleryApp_images {height: 94%; margin-top: 1%;}
.celebrioGalleryApp_image {height: 100%; float:left; position: absolute; top: 0; overflow: hidden; background-color: black; margin: 0% 1% 0% 1%; -moz-border-radius:10px;-webkit-border-radius:0px 0px 0px 0px !important; border-radius:10px; -moz-box-shadow:4px 4px 5px #888;-webkit-box-shadow:4px 4px 5px #888;box-shadow:4px 4px 5px #888;}
.celebrioGalleryApp_image img {height: 90%; display: block; margin-left: auto; margin-right:auto; border-style:hidden;}
.celebrioGalleryApp_image_description {height: 10%; width: auto; text-align: center; background-color: white;}

#celebrioGalleryApp_test {z-index: 10000; font-weight:bold; font-size:25pt; text-align: center; font-family: XXIISinozDSPRegular, "Trebuchet MS", "Geneva CE", lucida, sans-serif; position: absolute; top:120%; height: 100px; margin-top: -50px; width: 100%; margin-left: 0%; margin-right:0%; -moz-border-radius:10px;-webkit-border-radius:10px; border-radius:10px;}

#celebrioGalleryApp_menu {height: 20%; width: 100%; margin: 2% 0% 0% 0%; position: absolute; bottom: 0;}
#celebrioGalleryApp_menu img {height: 100%; float: right;  border-style:hidden; background: url("../shared/light_background.png") transparent; -moz-border-radius:0px 10px 10px 0px;-webkit-border-radius:0px 10px 10px 0px;border-radius:0px 10px 10px 0px;}
#celebrioGalleryApp_menuitems {float: right; display: block; height: 100%; background: url("../shared/light_background.png") transparent; -moz-border-radius:10px 0px 0px 10px;-webkit-border-radius:10px 0px 0px 10px;border-radius:10px 0px 0px 10px;}
#celebrioGalleryApp_menuitems button {color:#000; height: 100%;}
.celebrioGalleryApp_menu_content {float: right; margin: 0% 2% 0% 0%;}

.ui-corner-left {-webkit-border-radius: 10px !important; border-radius: 10px !important; -moz-border-radius:10px !important}


.invisible {position: absolute; left: -10000px;}
.cleaner {clear: both; width: 100%; visibility: hidden;}
.spinner150 {margin: 50px auto;}
.hidden {visibility:hidden;}
.image {float:left;}

.jcarousel-skin-tango .jcarousel-container {
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 90%;
    height: 500px;
}

.jcarousel-skin-tango li {
    float:left;
    list-style: none;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  100%;
    height: 500px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 500px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}